<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>品优购-综合网购首选</title>
    <meta
      name="description"
      content="品优购-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"
    />
    <meta
      name="keywords"
      content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜"
    />
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="./fonts/font_ticb0l5960n/iconfont.css" />
    <link rel="stylesheet" href="fonts/font_04xz9jc8k9u/iconfont.css" />
    <script src="js/animate.js"></script>
    <script src="js/index.js"></script>
  </head>
  <body>
    <section class="shortcut">
      <div class="w">
        <div class="fl">
          <ul>
            <li>品优购欢迎您！&nbsp;</li>
            <li>
              <a href="#">请登录</a>&nbsp;<a href="#" class="style_red"
                >免费注册</a
              >
            </li>
          </ul>
        </div>
        <div class="fr">
          <ul>
            <li>我的订单</li>
            <li></li>
            <li>我的品优购<span class="iconfont icon-xiala"></span></li>
            <li></li>
            <li>品优购会员</li>
            <li></li>
            <li>企业采购</li>
            <li></li>
            <li>关注品优购<span class="iconfont icon-xiala"></span></li>
            <li></li>
            <li>客户服务<span class="iconfont icon-xiala"></span></li>
            <li></li>
            <li>网站导航<span class="iconfont icon-xiala"></span></li>
          </ul>
        </div>
      </div>
    </section>
    <header class="header w">
      <div class="logo">
        <h1>
          <a href="index.html" title="品优购商城">品优购商城</a>
        </h1>
      </div>
      <div class="search">
        <input type="search" placeholder="语言开发" /><button>搜索</button>
      </div>
      <div class="hotwords">
        <a href="#" class="style_red">品优购首发</a>
        <a href="#">亿元优惠</a>
        <a href="#">9.9元团购</a>
        <a href="#">美满99减30</a>
        <a href="#">办公用品</a>
        <a href="#">电脑</a>
        <a href="#">通信</a>
      </div>
      <div class="shopcar">
        <span class="iconfont icon-gouwuchekong"></span>我的购物车<i
          class="count"
          >8</i
        >
      </div>
    </header>
    <nav class="nav">
      <div class="w">
        <div class="dropdown">
          <div class="dt">全部商品分类</div>
          <div class="dd">
            <ul>
              <li>
                <a href="#"
                  >家用电器<span class="iconfont icon-jiantouyou"></span
                ></a>
              </li>
              <li>
                <a href="#"
                  >手机、数码、通信<span class="iconfont icon-jiantouyou"></span
                ></a>
              </li>
              <li>
                <a href="#">电脑、办公</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">家居、家具、家装、厨具</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">男装、女装、童装、内衣</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">个护化妆、清洁用品、宠物</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">鞋靴、箱包、珠宝、奢侈品</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">运动户外、钟表</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">汽车、汽车用品</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">母婴、玩具乐器</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">食品、酒类、生鲜、特产</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">医药保健</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">图书、音像、电子书</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">彩票、旅行、充值、票务</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
              <li>
                <a href="#">理财、众筹、白条、保险</a
                ><span class="iconfont icon-jiantouyou"></span>
              </li>
            </ul>
          </div>
        </div>
        <div class="navitems">
          <ul>
            <li><a href="#">服装城</a></li>
            <li><a href="#">美妆馆</a></li>
            <li><a href="#">传智超市</a></li>
            <li><a href="#">全球购</a></li>
            <li><a href="#">闪购</a></li>
            <li><a href="#">团购</a></li>
            <li><a href="#">拍卖</a></li>
            <li><a href="#">有趣</a></li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="w main">
      <div class="focus fl">
        <a href="javascript:;" class="arrow-l">&lt;</a>
        <a href="javascript:;" class="arrow-r">></a>
        <ul>
          <li><a href="#"><img src="http://www.beastwithin.cn/upload/focus1.png" alt="photo1"></a></li>
          <li><a href="#"><img src="./img/focus1.jpg" alt="photo1"></a></li>
          <li><a href="#"><img src="./img/focus2.jpg" alt="photo1"></a></li>

        </ul>
        <ol class="circle">

        </ol>
      </div>
      <div class="newsflash fl">
        <div class="news ">
          <div class="new_hd"><h5>品优购快报</h5><a href="#">更多></a></div>
          <div class="new_bd">
            <ul>
              <li><a><strong>[特惠]</strong>备战开学季 全民搬家购数码</a></li>
              <li><a><strong>[特惠]</strong>备战开学季 全民搬家购数码</a></li>
              <li><a><strong>[特惠]</strong>备战开学季 全民搬家购数码</a></li>
              <li><a><strong>[特惠]</strong>备战开学季 全民搬家购数码</a></li>
              <li><a><strong>[特惠]</strong>备战开学季 全民搬家购数码</a></li>
            </ul>
          </div>
        </div>
        <div class="lifeservice">
          <ul>
            <li><i></i><p>话费</p></li>
            <li><i></i><p>话费</p></li>
            <li><i></i><p>话费</p></li>
            <li><i></i><p>话费</p></li>
            <li><i></i><p>话费</p></li>
            <li><i></i><p>话费</p></li>
            <li><i></i><p>话费</p></li>
            <li><i></i><p>话费</p></li>
            <li><i></i><p>话费</p></li>
            <li><i></i><p>话费</p></li>
            <li><i></i><p>话费</p></li>
            <li><i></i><p>话费</p></li>
          </ul>
        </div>
        <div class="bargain"><img src="http://www.beastwithin.cn/upload/bargain.png" alt="bargain"></div>
      </div>
    </div>
    <div class="w recom">
      <div class="recom_hd"><img src="https://zyfzq.gitee.io/pyg/images/%E4%BB%8A%E6%97%A5%E6%8E%A8%E8%8D%90.png" alt="recommand"></div>
      <div class="recom_bd">
        <ul>
          <li><a href="#"><img src="https://zyfzq.gitee.io/pyg/upload/01-%E7%94%B5%E5%95%86-%E4%B8%BB%E9%A1%B5-gai_03.jpg" alt="ph"></a></li>
          <li><a href="#"><img src="https://zyfzq.gitee.io/pyg/upload/01-%E7%94%B5%E5%95%86-%E4%B8%BB%E9%A1%B5-gai_03.jpg" alt="ph"></a></li>
          <li><a href="#"><img src="https://zyfzq.gitee.io/pyg/upload/01-%E7%94%B5%E5%95%86-%E4%B8%BB%E9%A1%B5-gai_03.jpg" alt="ph"></a></li>
          <li><a href="#"><img src="https://zyfzq.gitee.io/pyg/upload/01-%E7%94%B5%E5%95%86-%E4%B8%BB%E9%A1%B5-gai_03.jpg" alt="ph"></a></li>
        </ul>
      </div>
    </div>
    <div class="w like">
      <div class="like_hd">
        <div>
          <h4>猜你喜欢</h4><a>换一批 <span class="iconfont icon-shuaxin"></span></a>
        </div></div>
      <div class="like_bd">
        <ul>
          <li><img src="https://tuoniaox.gitee.io/mall-ypg/upload/b3_20190731_105344.png" alt="ph">
            <p>阳光美包新款单屑包划包时尚子母包四件套刻</p><span>￥116.0</span></li>
          <li><img src="https://tuoniaox.gitee.io/mall-ypg/upload/b3_20190731_105344.png" alt="ph">
            <p>阳光美包新款单屑包划包时尚子母包四件套刻</p><span>￥116.0</span></li>
          <li><img src="https://tuoniaox.gitee.io/mall-ypg/upload/b3_20190731_105344.png" alt="ph">
            <p>阳光美包新款单屑包划包时尚子母包四件套刻</p><span>￥116.0</span></li>
          <li><img src="https://tuoniaox.gitee.io/mall-ypg/upload/b3_20190731_105344.png" alt="ph">
            <p>阳光美包新款单屑包划包时尚子母包四件套刻</p><span>￥116.0</span></li>
          <li><img src="https://tuoniaox.gitee.io/mall-ypg/upload/b3_20190731_105344.png" alt="ph">
            <p>阳光美包新款单屑包划包时尚子母包四件套刻</p><span>￥116.0</span></li>
          <li><img src="https://tuoniaox.gitee.io/mall-ypg/upload/b3_20190731_105344.png" alt="ph">
            <p>阳光美包新款单屑包划包时尚子母包四件套刻</p><span>￥116.0</span></li>
        </ul>
      </div>
    </div>
    <div class="top_left">
      <ul>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">家用电器</a></li>
      </ul>
    </div>
    <div class="footer">
      <div class="w">
        <div class="mod-service">
          <ul>
            <li>
              <i class="footer_pic zheng fl"></i>
              <h3>正品保障</h3>
              正品保障，提供发票
            </li>
            <li>
              <i class="footer_pic quick fl"></i>
              <h3>正品保障</h3>
              正品保障，提供发票
            </li>
            <li>
              <i class="footer_pic bao fl"></i>
              <h3>正品保障</h3>
              正品保障，提供发票
            </li>
            <li>
              <i class="footer_pic bao fl"></i>
              <h3>正品保障</h3>
              正品保障，提供发票
            </li>
            <li>
              <i class="footer_pic bao fl"></i>
              <h3>正品保障</h3>
              正品保障，提供发票
            </li>
          </ul>
        </div>
        <div class="mod-help">
          <div class="list fl">
            <dl class="fl">
              <dt>购物指南</dt>
              <dd>购物流程</dd>
              <dd>会员介绍</dd>
              <dd>生活旅行/团购</dd>
              <dd>常见问题</dd>
              <dd>大家电</dd>
              <dd>联系客服</dd>
            </dl>
            <dl class="fl">
              <dt>购物指南</dt>
              <dd>购物流程</dd>
              <dd>会员介绍</dd>
              <dd>生活旅行/团购</dd>
              <dd>常见问题</dd>
              <dd>大家电</dd>
              <dd>联系客服</dd>
            </dl>
            <dl class="fl">
              <dt>购物指南</dt>
              <dd>购物流程</dd>
              <dd>会员介绍</dd>
              <dd>生活旅行/团购</dd>
              <dd>常见问题</dd>
              <dd>大家电</dd>
              <dd>联系客服</dd>
            </dl>
            <dl class="fl">
              <dt>购物指南</dt>
              <dd>购物流程</dd>
              <dd>会员介绍</dd>
              <dd>生活旅行/团购</dd>
              <dd>常见问题</dd>
              <dd>大家电</dd>
              <dd>联系客服</dd>
            </dl>
            <dl class="fl">
              <dt>购物指南</dt>
              <dd>购物流程</dd>
              <dd>会员介绍</dd>
              <dd>生活旅行/团购</dd>
              <dd>常见问题</dd>
              <dd>大家电</dd>
              <dd>联系客服</dd>
            </dl>
            <dl class="QR-code fl">
              <dt>帮助中心</dt>
              <dd class="QR-pic">
                <img
                  src="https://isooc.github.io/upload/erweima.png"
                  alt="QR-code"
                />
              </dd>
              <dd>品优购客户端</dd>
            </dl>
          </div>
        </div>
        <div class="copyright">
          <p>
            关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 |
            友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English Site |
            Contact U
          </p>
          <p>
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096
            电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</br>
            京ICP备08001421号京公网安备110108007702
          </p>
        </div>
      </div>
    </div>
  </body>
</html>
